@charset "utf-8";
/* CSS Document */
html,body{overflow-x: hidden;}
.cb{ clear:both;}
.site{ height:auto;}
.site input{line-height: 30px;}
.location{height:16px; margin-bottom:20px; font-size:12px;}
.location .bread>img{float:left;position: relative;top: 2px; margin-right:5px;}
.location .bread>a{font-size:14px;margin-left: 15px;color:#61A1E8; cursor:pointer;float:right}
.location .bread>a:hover{color:#FF9348};
.location .bread div{ float:left;font-size:12px; margin-left:7px; color:#333333;}
.location .bread div>img{margin:0px 5px;}
.location .bread div a{ text-decoration:none; color:#61A1E8;}

.site .add_export{ float:right; width:250px; margin-top:23px;}
.site .add_export input{ border:0px; color: #FFFFFF; border-radius: 4px; background:#f3f3f3; float:right; margin-right:15px; padding: 5px; cursor:pointer;}
.site .add_export input:hover{ background:#999;}
.site .add_export #add_site{ background: #88888a;}
.site .add_export #export{background: #019fce}

/*
	位置搜索
*/
.site_content .search{ background: #FFF;font-size: 14px;}
.site_content .search .location_img{ float: left; margin: 28px 2px auto 20px;}
.site_content .search span{ margin-left: 5px;}
.site_content .search select{ margin:20px 20px 0px 0px;  height:25px;}

.site_content .realtime_content{ height:auto; border:0px solid #d7d7d7; border-top:0px; background: #FFF;}
table.dataTable{ width:100%;background:#FFF;}
table.dataTable thead tr{ background: #FFF; height: 55px;}
table.dataTable thead tr td select{border:0px;}
.site .site_content div table tbody tr:nth-of-type(even){background: #f8f8f8;}
.site .site_content div table tbody tr:nth-of-type(odd){background: #FFF;}
table.dataTable tr{ height:35px; text-align: center;}
table.dataTable tr:first-child{ font-size:16px;}
table.dataTable tr td{ text-align:center;}
table.dataTable tr .support{ color:#00cc33;}
table.dataTable tr .nosupport{ color:#ff0000;}
table.dataTable tr .operation{color:#00cc33;}
table.dataTable tr .plan{color:#ff9900;}
table.dataTable tr .build{color:#6666ff;}

.operate{ padding-top:20px; padding-bottom:20px;padding-left:20px; background: #FFF;}
.operate input{ border:none; border-radius:2px; padding:5px 13px;cursor:pointer; color:#fff;margin: 20px 0px auto 20px;}
.operate input:hover{ background-color:#009fcd}
.site_content .realtime_content .realtime_pageview{ width:100%; padding-top:20px; padding-bottom:70px; text-align:center; border:0px solid #d7d7d7; border-top:0px; border-bottom:0px;}
.site_content .realtime_content .realtime_pageview #realtime_page{ margin:0 auto;}
.site_content .third_content{height:auto; border:0px solid #d7d7d7; border-top:0;}
.site_content .third_content .third_pageview{ width:100%; padding-top:20px; padding-bottom:70px; text-align:center; background: #FFF;}
.site_content .third_content .third_pageview #third_page{ margin:0 auto;}

/*
	添加新的站点
*/
.add_div{ display:none; border-radius:5px;}
.add_div .title{ height:50px; text-align:center; width:99%; margin:0 auto; line-height:50px; border-bottom:1px solid #d7d7d7; color:#333333; font-size:24px;}
.add_div .content{ width:100%; padding-top:30px}
.add_div .content .table div.line{ margin:30px 0px;width:99%; height:1px; border-bottom:1px dashed #d7d7d7;}
.add_div .content .table div.row{ padding: 7px 0px; height:30px}
.add_div .content .table div.row > div{ float:left; width:49%; margin-left:1%;}
.add_div .content .table div.row > div input,
.add_div .content .table div.row > div select{ width:280px;margin-left:5px; height:28px; border-radius:3px; border:1px solid #d7d7d7;}
.add_div .content .table div.row > div site_description{width:280px; height:50px;margin-left:5px; height:23px; border-radius:3px; border:1px solid #d7d7d7;}

.add_div .content .table div.row > div .jyxz input{ width:15px; height:15px;}
.add_div .content .table div.row > div .jyxz span{ width:50px; text-align:left;}
.add_div .content .table div.row > div span{ display:inline-block; width:110px; text-align:right;}
.add_div .content .table div.row > div span#city_box2{ width:auto;}
.add_div .content .table div.row > div span#city_box2 select{ width:85px; height:25px;}
.add_div .content .table div.row .jyxz_input input{ float:left; width:40%; margin-left:6%; margin-bottom:10px; border:1px solid #d7d7d7;}

.add_div .content .table div.left{ width:52%; float:left; border-right:1px dashed #d7d7d7;}
.add_div .content .table div.left > div{ padding: 7px 10px 7px 20px; height:30px;}
.add_div .content .table div.left > div span{ display:inline-block; width:110px; text-align:right;}
.add_div .content .table div.left > div .jyxz input{ width:15px; height:15px;}
.add_div .content .table div.left > div > input{ position:absolute; left:140px; border-radius:3px; border:1px solid #d7d7d7; width:280px;  height:28px;}
.add_div .content .table div.left > div .jyxz span{ width:50px; text-align:left;}

.add_div .content .table div.right{ width:44%; float:left; margin-left:1%; }
.add_div .content .table div.right > div{ padding: 7px 10px 7px 20px;}
.add_div .content .table div.right > div > div{width:350px; margin-top:10px; height:150px; background:#f8f8f8; border-radius:3px;}
.add_div .content .table div.right > div > div img{ max-width: 100%;max-height: 100%;}
.add_div .content .table div.right > div span{ display:inline-block; width:110px; text-align:right;}
.add_div .content .table div span{color:#333333;}
/*
	修改电桩
*/
#update_char_div{ display:none; border-radius:5px;}
#update_char_div .title{ height:50px; text-align:center; width:99%; margin:0 auto; line-height:50px; border-bottom:1px solid #d7d7d7; color:#333333; font-size:24px;}
#update_char_div .content{ width:100%;}
#update_char_div .content .table div.line{ margin-top:30px; margin-bottom:20px; width:99%; height:1px; border-bottom:1px dashed #d7d7d7;}
#update_char_div .content .table div.row{ padding: 7px 10px 7px 10px; width:97%; height:30px;}
#update_char_div .content .table div.row > div{ float:left; width:49%; margin-left:1%;}
#update_char_div .content .table div.row > div input{ width:200px;margin-left:5px; height:30px; border-radius:3px; border:1px solid #d7d7d7;}
#update_char_div .content .table div.row > div select{ width:200px;margin-left:5px; height:23px; border-radius:3px; border:1px solid #d7d7d7;}
#update_char_div .content .table div.row > div site_description{width:280px; height:50px;margin-left:5px; height:23px; border-radius:3px; border:1px solid #d7d7d7;}
#update_char_div .content .table div.row > div label{ text-align:center;}
#update_char_div .content .table div.row > div label input{ width:15px; height:15px;}

#update_char_div .content .table div.row > div .jyxz input{ width:15px; height:15px;}
#update_char_div .content .table div.row > div .jyxz span{ width:50px; text-align:left;}
#update_char_div .content .table div.row > div span{ display:inline-block; width:150px; text-align:right;}
#update_char_div .content .table div.row > div span#city_box2{ width:auto;}
#update_char_div .content .table div.row > div span#city_box2 select{ width:90px; height:25px;}
#update_char_div .content .table div.row .jyxz_input input{ float:left; width:40%; margin-left:6%; margin-bottom:10px; border:1px solid #d7d7d7;}

#update_char_div .content .table div.left{ width:52%; float:left; border-right:1px dashed #d7d7d7;}
#update_char_div .content .table div.left > div{ padding: 10px 10px 10px 20px;}
#update_char_div .content .table div.left > div span{ display:inline-block; width:130px; text-align:right;}
#update_char_div .content .table div.left > div .jyxz input{ width:15px; height:15px;}
#update_char_div .content .table div.left > div > input{ position:absolute; left:140px; border-radius:3px; border:1px solid #d7d7d7; width:200px;  height:23px;}
#update_char_div .content .table div.left > div .jyxz span{ width:50px; text-align:left;}

#update_char_div .content .table div.right{ width:44%; float:left; margin-left:1%; }
#update_char_div .content .table div.right > div{ padding: 10px 10px 10px 20px;}
#update_char_div .content .table div.right > div > div{width:350px; margin-top:10px; height:150px; background:#f8f8f8; border-radius:3px;}
#update_char_div .content .table div.right > div > div img{ width:100%;}
#update_char_div .content .table div.right > div span{ display:inline-block; width:110px; text-align:right;}
#update_char_div .content .table div span{color:#333333;}

/*弹出框*/
.show_div{ display:none; border-radius:5px; font-size:14px;}
.show_div .title{ height:50px; text-align:center; width:99%; margin:0 !important; line-height:50px; color:#333333; font-size:18px;border-bottom:1px solid #e2e8ef}
.show_div .content{ width:100%;}

.show_div .content .table div.line{ margin-top:30px; margin-bottom:20px; width:99%; height:1px; border-bottom:1px dashed #d7d7d7;}
.show_div .content .table div.row{padding:10px 0px;height:30px; line-height:10px}
.show_div .content .table.look div.row{padding:0px; height:50px; line-height:50px}
.show_div .content .table div.row > div{ float:left; width:49%;}
.show_div .content .table div.row > div.t_r{width:calc(100% - 60px) !important; padding:0px 30px;}
.show_div .content .table div.row > div input[type='text'],
.show_div .content .table div.row > div input[type='password'],
.show_div .content .table div.row > div input[type='tel'],
.show_div .content .table div.row > div select{ width:250px;margin-left:25px; height:30px; line-height: 30px; border:1px solid #d7d7d7;}
.show_div .content .table div.row > div input[type='radio'],
.show_div .content .table div.row > div input[type='file']{margin-left:25px;}
.show_div .content .table div.row > div site_description{width:280px; height:50px;margin-left:5px; height:23px; border-radius:3px; border:1px solid #d7d7d7;}

.show_div .content .table div.row > div span{ display:inline-block; width:100px; text-align:right;}
.show_div .content .table div.row > div.t_r span{width:130px !important; text-align:left;}
.show_div .content .table div.row > div span#city_box2{ width:auto;}
.show_div .content .table div.row > div span#city_box2 select{ width:90px; height:25px;}
.show_div .content .table div.row .jyxz_input input{ float:left; width:40%; margin-left:6%; margin-bottom:10px; border:1px solid #d7d7d7;}

.show_div .content .table div.left{ width:52%; float:left; border-right:1px dashed #d7d7d7;}
.show_div .content .table div.left > div{ padding: 10px 10px 10px 20px;}
.show_div .content .table div.left > div span{ display:inline-block; width:110px; text-align:right;}
.show_div .content .table div.left > div > input{ position:absolute; left:140px; border-radius:3px; border:1px solid #d7d7d7; width:280px;  height:23px;}
.show_div .content .table div.left > div .jyxz span{ width:50px; text-align:left;}

.show_div .content .table div.right{ width:44%; float:left; margin-left:1%; }
.show_div .content .table div.right > div{ padding: 10px 10px 10px 20px;}
.show_div .content .table div.right > div > div{width:350px; margin-top:10px; height:150px; background:#f8f8f8; border-radius:3px;}
.show_div .content .table div.right > div > div img{ max-width: 100%;max-height: 100%;}
.show_div .content .table div.right > div span{ display:inline-block; width:110px; text-align:right;}
.show_div .content .table div span{color:#333333;}
.show_div select,.show_div input[type="text"]{height:28px;}
.show_div .search{padding:10px; background-color:#f8f8f8}
.show_div .img_box{ display:inline-block; height:30px;}
.show_div .img_box img{height:100%}
.show_div .setImg{ display:inline-block; padding-left:25px; margin-bottom:10px}
.show_div .setImg .logo_box{margin-top:0px;}
.show_div .bValidate_msg{margin-left:25px}
.show_div .bg_gray.set{padding-bottom:10px;}
.bread a:hover{
    color:#FF9348;
}
a:link,a:visited,a:hover,a:active {
    text-decoration: none;
}
a{
    cursor:pointer;
}
a.btn{
    display:inline-block;
    padding:5px 20px;
    color:#fff;
    border-radius:3px;
    cursor:pointer;
}
a.btn.bg_blue.one:hover{
    background-color:#018DAE !important;
}
table a.btn{
    padding:2px 8px;
    color:#fff;
    border-radius:3px !important;
    cursor:pointer;
    font-weight: lighter;
}
table a.btn.bg_orange:hover{
    background-color:#e77c03 !important;
    text-decoration:none !important;
}
table a.btn.bg_red:hover{
    background-color:#de2d16 !important;
    text-decoration:none !important;
}
.ajaxMsg{
    width:200px;
    height:40px;
    line-height:40px;
    text-align:center;
    color:#61A1E8;
    background-color:#D2E5F9;
    border:1px solid #61A1E8;
    position:fixed;
    top:300px;
    left:50%;
    margin-left:-100px;
    z-index:1000000;
}
.fr{
    float:right;
}
.fl{
    float:left;
}
.t_c{
    text-align:center;
}
.t_l{
    text-align:left;
}
.t_r{
    text-align:right;
}
.c_red{
    color:#fe4d36;
}
.c_green{
    color:#A5C546;
}
.c_orange{
    color:#FF9348;
}
.c_yellow{
    color:#FFC62A;
}
.c_blue{
    color:#61A1E8;
}
.c_blueGray{
    color:#6194B3;
}
.c_black{
    color:#242424;
}
.c_white{
    color:#fff;
}
.c_gray{
    color:#888;
}
.bg-white{
    background-color:#fff;
}
.bg_red{
    background-color:#fe4d36;
}
.bg_green{
    background-color:#A5C546;
}
.bg_orange{
    background-color:#ff8903;
}
.bg_yellow{
    background-color:#FFC62A;
}
.bg_blue{
    background-color:#61A1E8;
}
.bg_blueGray{
    background-color:#6194B3;
}
.bg_white{
    background-color:#fff;
}
.bg_gray{
    background-color:#f8f8f8;
}
.bg_gray1{
    background-color:#f1f1f1;
}
.bg_gray2{
    background-color:#f8f8f8;
}
.tab_box{
    font-size:20px;
    height:70px;
    line-height:70px;
    /*padding-left:25px;*/
    background-color:#fff;
}
.tab_box .tab_tit{
    display:inline-block;
    padding:0px 40px;
    cursor:pointer;
}
.tab_box .tab_tit:hover{
    color:#FF9348;
    border-bottom:1px solid #FF9348;
}
.tab_box .tab_tit.active,.tab_box .tab_tit.active:hover{
    color:#009fcd;
    border-bottom:2px solid #009fcd;
    cursor:inherit;
}
.system_bd{
    border-bottom:1px solid #e2e8ef;
}
.bValidate_msg{
    color: #FF000A;
    display: inline-block !important;
    padding: 5px 10px;
    font-size: 12px;
    background-color: #EFE4B0;
    position:absolute;
    margin-top:-20px;
    margin-left:5px;
    line-height:normal;
}
.bValidate_msg:before,label.error:before{
    content:'';
    position:absolute;
    top:22px;
    left:5px;
    border-left:5px solid transparent;
    border-right:5px solid transparent;
    border-top:10px solid #EFE4B0;
}
.hide{
    display:none !important;
}
.show{
    display:block !important;
}
button,input[type='button']{font-family:"微软雅黑";outline:none; border-radius:2px}
.system_btn{
    display:inline-block;
    padding:5px 10px;
    font-size:17px;
    border:1px solid #01a0cf;
    color:#01a0cf;
    border-radius:2px;
    margin-bottom:15px;
    background-color: #fff
}
.system_btn:hover{
    border:1px solid #FF9348;
    color:#FF9348;
}
.system_btn.reverse{
    color:#fff;
    background-color:#01a0cf;
}
.system_btn.reverse:hover{
    border:1px solid #01a0cf;
    background-color:#018dae;
}
.system_btn.big{
    padding:8px 35px;
    margin:30px 8px;
}
.search_input_box{
    display:inline-block;
}
.search_input_box input{
    border:none;
    width:190px;
    height:30px;
    border-radius:10px;
    outline:none;
    padding:0px 30px 0px 20px;
}
.search_input_box img{
    position:relative;
    left:-25px;
    top:5px;
    cursor:pointer;
}
.get_month{
    border:1px solid #61A1E8 !important;
    color:#61A1E8 !important;
}
/*选择年份css begin*/
.get_year_box{
    display:inline-block;
    border-top:1px solid #61A1E8;
    border-bottom:1px solid #61A1E8;
    text-align:center;
    height:21px;
}
.get_year_box a{
    display:inline-block;
    width:20px;
    height:100%;
    background-color:#61A1E8;
    color:#fff;
    cursor:pointer;
}
.get_year_box a:hover{
    color:#6194B3;
}
.get_year_box a.disabled:hover{
    color:#fff !important;
}
.get_year_box font{
    display:inline-block;
    width:50px;
    color: #61A1E8;
}
/*选择年份 css end*/
/*分页样式 begin*/
.dataTables_wrapper .dataTables_paginate .paginate_button{
    color:#272727 !important;
    border-radius:3px;
    height:23px;
    line-height:23px;
    padding:0px 8px;
    border:none !important;
}
.dataTables_wrapper .dataTables_paginate .paginate_button.current,
.dataTables_wrapper .dataTables_paginate .paginate_button.current:hover{
    background:#e5f6f9 !important;
    color:#61A1E8 !important;
}
.dataTables_wrapper .dataTables_paginate .paginate_button.previous:hover,
.dataTables_wrapper .dataTables_paginate .paginate_button.next:hover{
    background:#e5f6f9 !important;
    color:#61A1E8 !important;
}
.dataTables_wrapper .dataTables_paginate .paginate_button.disabled:hover{
    color:#666 !important;
    background: transparent !important;
}
.dataTables_wrapper .dataTables_paginate .paginate_button:hover{
    background:transparent !important;
    color:#61A1E8 !important;
}
.dataTables_wrapper .dataTables_paginate{
    /*padding-left: 42%;*/
    padding-top: 20px;
    padding-bottom: 20px;
   /* margin-bottom:20px !important;*/
}
table.dataTable thead .sorting_desc,table.dataTable thead .sorting_asc{
    padding-right:6px;
}
.dataTables_wrapper .dataTables_filter{
    top:-25px;
    right:40px;
}
.dataTables_wrapper .dataTables_filter input{
    background-color:#fdfdfd;
    border:1px solid #e9ecf1;
    border-radius:2px;
    background:url(../img/search_bg_blue.png) no-repeat top 5px right 4px;
    outline-style:none;
    padding:0 10px;
    
}
table.dataTable thead select{
    height:25px;
}
/*分页样式 end*/
.no_table_filter .dataTables_filter{
    display:none !important;
}
.left.charDataChange.table_box{
    width:100% !important;
    
}
table{
    height:auto;
    text-align:center;
}
.dataTable{
    color:#4c4c4c;
}
table.dataTable thead tr{
    background: #f8f8f8;
}
.dataTable td{
    max-width:150px;
    white-space:nowrap;
    overflow:hidden;
    text-overflow:ellipsis;
    font-size:14px;
}
.dataTable a{
    cursor:pointer;
    text-decoration:none !important;
    margin:0px 5px;
}
.dataTables_wrapper{
    background-color:#fff;
}
table a:hover{
    text-decoration:underline;
}
table tbody tr,table tbody td{
    height:32px !important;
}
.dataTables_info{
    margin-left:20px;
    color:#61A1E8;
}
.dzgl_state{
    text-align:center;
    height:170px;
}
.dzgl_state>div{
    width:19.8%;
    float:left;
    margin-right:0.2%;
    cursor:pointer;
}
.dzgl_state>div>div{
    margin:30px 0px;
}
.dzgl_state>div>p{
    height:30px;
    line-height:30px;
}
.dzgl_state>div>div.bd{
    border-right:dashed 1px #CCCCCC;
}
.dzgl_state font{
    display:inline-block;
    height:67px;
    line-height:67px;
    font-size:30px;
}
.dzgl_state img{
    float:left;
    margin:0px 0px 0px 30px;
}
.content_box{
    padding:4px;
    color:#282828;
}
.content_box .search_tit{
    display:inline-block;
    width:140px;
}
.content_box .search_tit2{
    display:inline-block;
    width:50px;
    text-align:center;
}
.search_box{
    padding:10px;
    font-size:14px;
    background-color:#F9F9F9;
}
.search_list{
    margin:15px 10px;
    height:27px;
}
.search_list input[type="text"],.search_list select{
    height:25px;
    padding:0px 5px;
    border:1px solid #EAEDF4;
    border-radius:2px;
    color:#282828;
}
.search_list a.btn{
    display:inline-block;
    padding:0px 10px;
    height:25px;
    line-height:25px;
    background-color:#019FCE;
    position:absolute;
    margin-left:10px;
}
.search_list a.btn img{
    position:relative;
    top:0px;
}

.data_tit{
    height:80px;
    line-height:80px;
    padding-left:20px;
}
table.bd{
    margin-top: 16px;
    border-bottom:solid 1px #e1e8f0;
    border-top:solid 1px #e1e8f0;
}
.bd tr{
    font-size: 16px;
}
.dataTables_info{
    margin-top: 20px;
    color:#61A1E8;
}
/*电站电桩视图*/
body,ul,div,img,h5,h4,h3,h2,h1,p,span,table,figure,i,em,tt,li,form{
    list-style:none;
    margin:0;
    padding:0;
    font-family: "Microsoft Yahei";
}
/*.detail_info{ height:900px; }*/

.detail_info .detail_content{ height:auto;}
.detail_info .detail_content .info_data{}
.detail_info .detail_content .info_data .info{ width:59.8%; background:#FFF; float:left;margin-bottom: 1.2%;margin-top: 1.2%;}
.detail_info .detail_content .info_data .title,
.detail_info .detail_content .draw_img div.right .title,
.detail_info .detail_content .draw_img div.left .title{padding-left:30px; color:#029ece; font-size:20px; background:#fff;line-height:70px;border-bottom: 1px solid #e1e8ee;}
.detail_info .detail_content .info_data .title .left{ float:left;}
.detail_info .detail_content .info_data .title .left span{ float:left; font-size:20px;}
.detail_info .detail_content .info_data .info .title .left img{ float:left; margin-top:15px; margin-left:10px;}
.detail_info .detail_content .info_data .info .title .right{ float:right;}
.detail_info .detail_content .info_data .info .title .right-pic a,
.content #slidetoggle{
    -moz-box-shadow: 0px 0px 0px 0px;
    -webkit-box-shadow: 0px 0px 0px 0px;
    box-shadow: 0px 0px 0px 0px;
    background-color:#33bdef;
    display:inline-block;
    cursor:pointer;
    color:#ffffff;
    font-family:Courier New;
    font-size:0.6em;
    text-decoration:none;
    text-shadow:-1px 2px 6px #a2afe0;
    padding: 5px;
    line-height: 100%;
    text-align: center;
}
.detail_info .detail_content .info_data .info .title .right-pic a:hover{
    background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #019ad2), color-stop(1, #33bdef));
    background:-moz-linear-gradient(top, #019ad2 5%, #33bdef 100%);
    background:-webkit-linear-gradient(top, #019ad2 5%, #33bdef 100%);
    background:-o-linear-gradient(top, #019ad2 5%, #33bdef 100%);
    background:-ms-linear-gradient(top, #019ad2 5%, #33bdef 100%);
    background:linear-gradient(to bottom, #019ad2 5%, #33bdef 100%);
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#019ad2', endColorstr='#33bdef',GradientType=0);
    background-color:#019ad2;

}
.detail_info .detail_content .info_data .info .title .right-pic a:active {
    position:relative;
    top:1px;
}
.detail_info .detail_content .info_data .info .content{ width:100%; padding:0 0 7px 0;}
.detail_info .detail_content .info_data .info .content ul.ul_one{ width:100%; position:relative; background:#FFF; z-index:2; /*height:350px;*/ margin-top:15px;}
.detail_info .detail_content .info_data .info .content ul.ul_two{ width:calc(100% - 2px);z-index:1; position:relative; top:-330px; background:#FFF; /*height:328px;*/ border:1px solid #e1e8ee}
.detail_info .detail_content .info_data .info .content ul li{ line-height:40px; font-size:14px; width:100%; min-height:40px;color:#333333;}
.detail_info .detail_content .info_data .info .content ul li:last-child{ border-bottom:0px;}
.detail_info .detail_content .info_data .info .content ul li div{ float:left; width:48%;}
.detail_info .detail_content .info_data .info .content ul.ul_one div{padding-left: 4%}
.detail_info .detail_content .info_data .info .content ul li div b{ font-weight:normal; color:#888;}
.detail_info .detail_content .info_data .info .content ul li div b span{ display:inline-block;color:#000}
.detail_info .detail_content .info_data .info .content ul li div input.see_more{height:30px;margin-top:30px; margin-right:-5px; float:right; cursor:pointer;padding: 0px 20px;background-color: #009fcd;color: #fff;font-size: 14px;border: none;}

.detail_info .detail_content .info_data .data{ width: calc(40% - 1%); float:right; /*height:440px;*/ background:#FFF;padding-bottom: 15px;margin-top: 1.2%;}
.detail_info .detail_content .info_data .data .title .left img{ float:left; margin-top:10px; margin-left:10px;}
.detail_info .detail_content .info_data .data .title .right{ float:right;}
.detail_info .detail_content .info_data .data .title .right input{ border:0px; margin-right:50px; height:10px; width:10px; margin-top:12px;}
.detail_info .detail_content .info_data .data .content ul{margin:12px 5px 5px 5px;}
.detail_info .detail_content .info_data .data .content ul li{ line-height:50px; height:50px; color:#333333; font-size:14px; padding-left:20px}
.detail_info .detail_content .info_data .data .content ul li img{ position:relative; left:20px; top:3px;}
.detail_info .detail_content .info_data .data .content ul li span.miaosu{ position:relative; left:45px; display: inline-block; width:100px; font-weight:normal}
.detail_info .detail_content .info_data .data .content ul li span.jieguo{ position:relative; left:85px; font-weight:normal; color:#888}

/*.detail_info .detail_content .siteInfo{ margin:0 50px;}*/
/*.detail_info .detail_content .draw_img{ margin-top:1.2px;}*/
.detail_info .detail_content .draw_img div.left{ width:100%;background-color: #fff;}
.detail_info .detail_content .draw_img div.left .title b{ margin-left:20px;}
.detail_info .detail_content .draw_img div.left .title div,
.detail_info .detail_content .draw_img div.right .title div{ float:right; margin-top: 0;}
.detail_info .detail_content .draw_img div.left .title div a,
.detail_info .detail_content .draw_img div.right .title div a{padding:8px 10px; display:inline-block; cursor:pointer; margin-top:8px; line-height:20px; margin-right:30px; font-size:15px; color:#979797}
.detail_info .detail_content .draw_img div.left .title div a.ta_selected,
.detail_info .detail_content .draw_img div.right .title div a.ta_selected{color:#029ece; border-bottom:2px solid #029ece;}
.detail_info .detail_content .draw_img div.left .btn span{ margin-left:5px; margin-right:5px;}
.detail_info .detail_content .draw_img div.left .btn a,
.detail_info .detail_content .draw_img div.right .btn a{ display:inline-block; cursor:pointer; padding:5px 20px; border-radius:50px; margin:0px 8px; font-size:14px; color:#979797}
.detail_info .detail_content .draw_img div.left .btn a.ba_selected,
.detail_info .detail_content .draw_img div.right .btn a.ba_selected{ background:#029ece; color:#FFF;}

.detail_info .detail_content .draw_img div.right{ float:left; width:100%;}
.detail_info .detail_content .draw_img div.right .title b{ margin-left:20px;}
.detail_info .detail_content .draw_img div.right .btn span{ margin-left:5px; margin-right:5px;}

.detail_info .detail_content .draw_img div.left .total{font-size: 18px;color:#888;padding: 20px 0;}
.detail_info .detail_content .draw_img div.left ul{border: solid 1px #e1e8ee;margin:20px 0 50px;/*min-width: 140px;*/}
.detail_info .detail_content .draw_img div.left ul li{padding: 10px 0;text-align: center;}
/*.detail_info .detail_content .draw_img div.left ul li:first-child{text-align: left;padding-left: 20px;}*/
.detail_info .detail_content .draw_img div.left ul .green{background: #a5c546;}
.detail_info .detail_content .draw_img div.left ul .blue{background: #60a1e3;}
.detail_info .detail_content .draw_img div.left ul .yellow{background: #ffc62a;}
.detail_info .detail_content .draw_img div.left ul .darkBlue{background: #6194B3;}
.detail_info .detail_content .draw_img div.left ul .grey{background: #aaa;}

.detail_info .detail_content .draw_img div.left ul li:first-child{color: #000; font-size: 14px;padding: 0;}
.detail_info .detail_content .draw_img div.left ul li:last-child{color: #fff; font-size: 14px;}
.detail_info .detail_content .draw_img div.left ul li:first-child span{padding: 5px 0;display: block;}
.detail_info .detail_content .draw_img div.left ul li:first-child span:first-child{display: block;border-bottom:solid 1px #e1e8ee;}
.detail_info .detail_content .draw_img div.left ul li div{display:inline-block;padding: 20px 0;}
/**.detail_info .detail_content .draw_img div.left ul li div span{margin: 0 10px;}**/
.detail_info .detail_content .draw_img div.left ul li div span:first-child{padding: 4px 6px;border-radius: 2px;background: #fff;}
.detail_info .detail_content .draw_img div.left ul li div .blue{color: #60a1e3;}
.detail_info .detail_content .draw_img div.left ul li div span.yellow{color: #ffc62a;}
.detail_info .detail_content .draw_img div.left ul li div span.green{color: #a5c546;}
.detail_info .detail_content .draw_img div.left ul li div span.darkBlue{color: #6194B3;}
.detail_info .detail_content .draw_img div.left ul li div span.grey{color: #aaa;}

.detail_info .detail_content .draw_img .blue{background: #60a1e3;}
.detail_info .detail_content .draw_img .yellow{background: #ffc62a;}
.detail_info .detail_content .draw_img .green{background: #a5c546;}
.detail_info .detail_content .draw_img .darkBlue{background: #6194B3;}
.detail_info .detail_content .draw_img .grey{background: #aaa;}
.detail_info .charState{ margin-top:20px;}
.detail_info .charState .title{ height:40px; line-height:40px; background:#fff; border-top-left-radius:5px; border-top-right-radius:5px;}
.detail_info .charState .title span{ display:inline-block;  padding-left:40px; padding-right:40px; color:#fff; background:#6294b2;}
.detail_info .charState .state{ font-size:18px; color:#000000; height:150px; line-height:80px; background:#FFF; border-bottom-left-radius:5px; border-bottom-right-radius:5px;}
.detail_info .charState .state .state_now{ float:left; width:150px; height:150px;}
.detail_info .charState .state img{ position: relative; left:20px;}
.detail_info .charState .state .sp_state{ position:relative; left:40px;}
.detail_info .charState .state .sp_state_off{ position:relative; left:40px;}
.detail_info .charState .state .time{ position:relative; left:100px;}
.detail_info .charState .state .time_out{ position:relative; left:100px;}
.detail_info .charState .state .id_num{ position:relative; left:200px;}
.detail_info .charState .state .id_num_out{ position:relative; left:200px;}
.detail_info .charState .state .btn{ float:right; margin-top:25px; margin-right:20px;}
.detail_info .charState .state .btn a{ margin-right:10px; display:inline-block; height:30px; padding-left:10px; padding-right:10px; cursor:pointer; line-height:30px; font-size:14px; background:#c1c1c1; border-radius:5px;}
.detail_info .charState .state_plan .sp_state{ color:#f3c500;}/*预约状态*/
.detail_info .charState .state_fault .sp_state{ color:#ff0000;}
.detail_info .charState .state_free .sp_state{ color:#62d018}
.detail_info .charState .state_char .sp_state{ color:#62b9eb}

.detail_info .charStates{ margin-top:20px;}
.detail_info .charStates .title{ height:40px; line-height:40px; background:#f5f5f5; border-top-left-radius:5px; border-top-right-radius:5px;}
.detail_info .charStates .title span{ margin-left:20px;}
.detail_info .charStates .states{ font-size:18px; color:#000000; height:100px; line-height:50px; background:#FFF; border-bottom-left-radius:5px; border-bottom-right-radius:5px;}
.detail_info .charStates .states img{ position: relative; left:20px;}
.detail_info .charStates .states .sp_state_off,sp_state_fault{ position:relative; left:40px;}
.detail_info .charStates .states .last_time_off,time_fault{ position:relative; left:100px;}
.detail_info .charStates .states .out_time,fault_reson{ position:relative; left:200px;}

.detail_info .charStates .states .sp_state_fault{ position:relative; left:40px;}
.detail_info .charStates .states .time_fault{ position:relative; left:100px;}
.detail_info .charStates .states .fault_reson{ position:relative; left:200px;}
.currentInfo{font-size: 20px;color: #029ecf;padding: 0 0;/*border-bottom:  1px solid #e1e8ee;*/padding-left: 20px;}
.dzst-qk {/*border-bottom: solid 1px #e1e8ee;*/padding: 0;/*margin-bottom: 20px;*/}
.dzst-qk li{float: left;height: 400px;background: #fff;}
.dzst-qk .chargingPic{padding: 45px 0 30px 0;text-align: center;position: relative;border-right: solid 1px #e1e8ee;}
/*.dzst-qk .chargingPic #circle{width:700px;padding: 95px 0 30px 0;text-align: center;}*/
.dzst-qk .chargingPic .chargstate{font-size: 18px;color: #fff;background: #717171;padding: 10px 20px;margin-top: 50px ;border-radius: 10px;font-weight: bold;border-radius: 4px !important;}
.dzst-qk .chargingPic img{width: 200px;}
.dzst-qk .chargingPic .chargname{position: absolute;background: #1f2425;font-size:18px;font-weight:bold;padding: 6px 10px;color: #fff;right: 5%; top: 12px;border-radius: 4px !important;}
.dzst-qk table{
    margin:30px 0; margin-left: 30px;
}

.dzst-qk table tbody tr{
    font-size:14px ;text-align: left;
    height: 50px !important;
}
.dzst-qk table tbody tr td{padding: 0 20px;}
.dzst-qk table tbody tr td:last-child{color: #888;font-size: 14px;}
.char_div .img-dzst{
	margin: 50px 60px 50px 80px;
}
.detail_add{
	float: left;
	font-size: 14px;
}
.detail_add a,.detail_add span{
	margin-left:20px;
	color: rgb(135, 135, 135);
}
.detail_add input{
	position: relative;
	top: 25px;
	margin-left: 20px;
	height: 25px;
}
.char_box{
	height: 840px !important
}
.char_div{
	padding: 40px;
}
.char_muzzle{
	float: right;
	height: 125px;
	line-height: 125px;
	font-size: 20px;
	width: calc(100% - 330px);
	border-bottom: 1px solid #f1f4f7;
}
/*服务器下发指令 begin*/
.instruct_box{padding: 10px;font-size: 14px;background-color: #F9F9F9;}
.instruct_box .col-sm-2,.instruct_box .col-sm-3,.instruct_box .col-sm-4{ text-align: right; line-height: 35px;}
.instruct_box .textspan{display: inline-block; padding: 5px 15px; color: #00AA91;width: 66.66666667%;}
.instruct_box hr{border-style: dashed;}
.instruct_box .form-group>.textspan{padding-left:0px}
/*服务器下发指令 end*/



